{% extends "index.html" %}
{% block title %}- {{data.name}} @ {{data.realm}}{% endblock %}
{% block content %}
        <div id="area">
                {% if error %}<span class="err">{{error}}</span> {% else %}
                <div id="container">
			<div id="data">
                                
				<h1>{{data.prefix}} <a class="armory" href="http://{{region}}.wowarmory.com/character-sheet.xml?r={{data.realm}}&cn={{data.name}}" title="Official Armory">{{data.name}}</a> {{data.suffix}}</h1><br>
                                <h2>&lt;{{data.guildName}}&gt; @ {{data.realm}}</h2>	<br>
				<h3>Level {{data.level}} {{data.race}} {{data.class}}</h3><br>
				<span class="cache">Cached: {{date}} <a href="javascript:Update();">Update!</a></span>
			</div>
			<div class="items">
			{% for item in items%}
				<div class="item" id="{{item.id}}">
					<a class="item" href="/tooltip?a={{region}}&amp;r={{data.realm}}&amp;n={{data.name}}&amp;i={{item.Id}}&amp;s={{item.slot}}&amp;g={%if item.gem0Id%}{{item.gem0Id}}{% endif %}{% if item.gem1Id%},{{item.gem1Id}}{% endif %}{%if item.gem2Id %},{{item.gem2Id}}{% endif %}" ><img src="/icon?i={{item.icon}}" border="0"></a>
                                       
				</div>
			{%endfor%}
			</div>
			<div class="stats">
				<table border="0" class="basestats" cellspacing="0">
					<tr>
						<td>Strength:</td><td>{{base.strength}}</td><td>Agility:</td><td>{{base.agility}}</td>
					</tr>
					<tr>
						<td>Stamina:</td><td>{{base.stamina}}</td><td>Intellect:</td><td>{{base.intellect}}</td>
					</tr>
					<tr>
						<td>Spirit:</td><td>{{base.spirit}}</td><td>Armor:</td><td>{{base.armor}}</td>
					</tr>
				</table>
			</div>
			<div class="spellstats">
				<table border="0" class="spellstats" cellspacing="0">
					<tr>
						<td>Damage:</td>
							<td class="arcane">{{spell.bonusDamage.arcane}}Ar</td>
							<td class="fire">{{spell.bonusDamage.fire}}Fi</td>
							<td class="frost">{{spell.bonusDamage.frost}}Fr</td>
							<td class="holy">{{spell.bonusDamage.holy}}Ho</td>
							<td class="shadow">{{spell.bonusDamage.shadow}}Sh</td>
							<td class="nature">{{spell.bonusDamage.nature}}Na</td>
					</tr>
					<tr>
						<td colspan="2">Healing:</td><td colspan="2" class="healing">{{spell.bonusHealing}}</td><td colspan="2">Hit Rating:</td><td colspan="1" class="spellhit">{{spell.hitRating.value}} (+{{spell.hitRating.percent}}%)</td>
					</tr>
					<tr>
						<td colspan="2">Crit Rating:</td><td colspan="2" class="spellcritrating"><a title="Ar:{{spell.critChance.arcane}}% Fi:{{spell.critChance.fire}}% Fr:{{spell.critChance.frost}}% Ho:{{spell.critChance.holy}}% Sh:{{spell.critChance.shadow}}% Na:{{spell.critChance.nature}}%" href="#" class="spellcrit">{{spell.critChance.rating}}</a></td>
						<td colspan="2">Penetration:</td><td colspan="1" class="spellpenetration">{{spell.hitRating.penetration}}</td>
					</tr>
					<tr>
						<td colspan="2">Regen:</td><td class="manaregen" colspan="2">{{spell.manaRegen.casting}}/{{spell.manaRegen.notcasting}}</td>
						<td colspan="2">Haste Rating:</td><td class="hasterating" colspan="1"><a title="{{spell.hasteRating.percent}}%" class="spellhaste" href="#">{{spell.hasteRating.rating}}</a></td>
					</tr>
				</table>
			</div>
			<div class="meleestats">
				<table class="meleestats" border="0" cellspacing="0">
					<tr>
						<td>MH Damage:</td><td>{{melee.mainhand.mindamage}} - {{melee.mainhand.maxdamage}} ({{melee.mainhand.dps}}&nbsp;DPS)</td><td>MH Speed:</td><td>{{melee.mainhand.speed}}</td>
					</tr>
					<tr>
						<td>OH Damage:</td><td>{{melee.offhand.mindamage}} - {{melee.offhand.maxdamage}} ({{melee.offhand.dps}}&nbsp;DPS)</td><td>OH Speed:</td><td>{{melee.offhand.speed}}</td>
					</tr>
					<tr>
						<td>AP:</td><td>{{melee.power.base}} ({{melee.power.eff}} EFF)</td><td>+DPS:</td><td>{{melee.power.dps}}</td>
					</tr>
					<tr>
						<td>Hit:</td><td>{{melee.hit.rating}} ({{melee.hit.percent}}%)</td><td>Crit:</td><td>{{melee.crit.rating}} ({{melee.crit.percent}}%)</td>
					</tr>
					<tr>
						<td>Expertise:</td><td>{{melee.exp.rating}} ({{melee.exp.percent}}%)</td>
					</tr>
				</table>
			</div>
			<div class="rangedstats">
				<table class="rangedstats" border="0" cellspacing="0">
					<tr>
						<td>Damage:</td><td>{{ranged.damage.min}} - {{ranged.damage.max}} ({{ranged.damage.dps}} DPS)</td><td>Speed:</td><td>{{ranged.speed.value}}</td>
					</tr>
					<tr>
						<td>RAP:</td><td>{{ranged.power.base}} ({{ranged.power.effective}} EFF)</td><td>+DPS</td><td>{{ranged.power.increasedDps}}</td>
					</tr>
					<tr>
						<td>Hit Rating:</td><td>{{ranged.hitRating.value}}</td><td>Hit %:</td><td>{{ranged.hitRating.increasedHit}}</td>
					</tr>
					<tr>
						<td>Crit Rating:</td><td>{{ranged.critChance.rating}} (+{{ranged.critChance.plusPercent}} %)</td><td>Crit %:</td><td>{{ranged.critChance.percent}}</td>
					</tr>
				</table>
			</div>
			<div class="defstats">
				<table class="defstats" border="0" cellspacing="0">
					<tr>
						<td>Armor:</td><td>{{defense.armor.effective}} ({{defense.armor.percent}} %)</td><td>Resilience:</td><td>{{defense.resilience.value}}</td>
					</tr>
					<tr>
						<td>Defense:</td><td>{{defense.defense.value}}</td><td>Block:</td><td>{{defense.block.rating}} ({{defense.block.percent}} %)</td>
					</tr>
					<tr>
						<td>Dodge:</td><td>{{defense.dodge.rating}} ({{defense.dodge.percent}} %)</td><td>Parry:</td><td>{{defense.parry.rating}} ({{defense.parry.percent}} %)</td>
					</tr>
				</table>
			</div>
                    <span class="gs"><a href="http://wtfismygs.com/gearscore.php?n={{ data.name }}&s={{ data.realm }}&r={{ region }}">Check your gearscore</a></span>
		</div>
            </div>
                {% endif %}
{% endblock %}